<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=0.33, user-scalable=0.33, minimum-scale=0.33, maximum-scale=0.33">
    <title>WANT</title>
    <link rel="icon" type="image/png" href="res/favicon-32.png" sizes="32x32">
    <!-- Bootstrap core CSS -->
    <link href="script/lib/bootstrap-3.3.6-dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="res/w-basic.css?v=20160108" rel="stylesheet">
    <link href="res/w-item.css?v=20160109" rel="stylesheet">
  </head>
  <body role="document">
    <header class="container-fluid w-header" id="w-header">
    <div class="row">
      <div class="col-xs-12">
        <h1 class="ellipsis wh-title">This is title This is title This is title This is title This is titleThis is title This is titleThis is title This is title</h1>
      </div>
    </div>
    </header>

    <section class="container-fluid w-banner" id="w-banner">
      <div class="row">
        <div class="col-xs-12">
          <div class="panel panel-default wb-panel">
            <div class="panel-body">
              <img class="img-responsive" src="res/3d-printer.png" />
            </div>
          </div>
        </div>
      </div>
      <div class="row wb-why">
        <div class="col-xs-12">
          <h2>为什么买</h2>
        </div>
      </div>
      <div class="row">
        <div class="col-xs-12">
          <div class="panel panel-default wb-desc">
            <div class="panel-body">
              <ul>
                <li class="ellipsis">第1条 第1条 第1条 第1条 第1条 第1条 第1条 第1条 第1条</li>
                <li class="ellipsis">第2条</li>
                <li class="ellipsis">第3条</li>
                <li class="ellipsis">第4条</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="row wb-qrcode">
        <div class="col-xs-6">
          <a target="_self" href="#"><img class="img-responsive wbq-left" src="res/QR-code_want@3x.png"></a>
        </div>
        <div class="col-xs-6">
          <a target="_self" href="#"><img class="img-responsive wbq-right" src="res/QR-code_laowang@3x.png"></a>
        </div>
      </div>
      <div class="row wb-subtitle">
        <div class="col-xs-6">
          <h4>官网微信公众账号</h4>
        </div>
        <div class="col-xs-6">
          <h4>顽童老王个人微信</h4>
        </div>
      </div>
    </section>

    <section class="w-place"></section>

    <footer class="container-fluid affix w-footer" id="w-footer">
      <div class="row">
        <div class="col-xs-12 clearfix">
          <div class="pull-left wf-logo"><img class="img-responsive" src="res/webview_logo@3x.png" /></div>
          <div class="pull-left wf-title"><h4>WANT-让欲望变简单</h4></div>
          <div class="pull-right wf-btns"><a target="_self" href="#" class="btn">下载iOS版</a></div>
        </div>
      </div>
    </footer>
    <!-- ================================================== -->
    <script src="script/lib/jquery-2.2.0.min.js"></script>
    <script src="script/app/item.js"></script>
  </body>
</html>